/* . class, # ID*/
*                           { padding:0; margin:0;}
body                        { font: normal 12px/24px verdana; }

#container                  { width:900px;  }
#header,
#content,
#menu                        { width:auto; }


a           { font-weight: normal; text-decoration: none; color: #111; }
a:hover     { font-weight: normal; text-decoration: underline; color: #2A7EF7; }

#footer                    
{   
    text-align: center;
    font-size : 90%; 
    font-weight : bold;
    color: #888;
}

#header                                                                                                               
{
    width: 900px;
    height : 80px;
    background-image : url(img/head_company.gif);
}
 
 
.sky
{
    color: #2A7EF7;
} 

img.photo
{
    width:110px;
    height:150px;
}

#content
{
    margin: 10px;
}

#resume_area
{
    border: 3px solid #ddd;
    padding: 5px;
    padding-top: 20px;
    width: 880px;
}

#resume_area .foto
{
    border-top: 2px solid #ddd;
    border-left: 2px solid #ddd;
    border-right: 3px solid #aaa;
    border-bottom: 3px solid #aaa;

    width: 110px;
    padding: 5px;
    background: none;
    margin-left: 20px;
}

#resume_area .judul
{
    font-weight :bold ;
    background-color: #eee;
    display: block;
    text-align: center;
    color: #00f;
     margin-top: 8px;
}

#resume_area .nama
{
    font-weight :bold ;
    font-size: 120%;
    display: block;
    padding-left: 20px;
}

#resume_area .last_update
{
    font-style: italic ;
    display: block;
    text-align: right;
}

#resume_area .field
{
    font-weight :bold;
    text-align: left;
    padding-left: 20px;
    width: 150px;
}

#resume_area table.mine
{
    margin-left: 20px;
    text-align: left;
    
}

.red { padding: 0 0 0 3px; color:red; font-weight: bold;} 

TD
{
    vertical-align: top;
}